<template>
    <umrp-page>
        <umrp-container padding="16px" :gap="16">
            <umrp-text bold>报名信息</umrp-text>
            <umrp-form>
                <umrp-form-item label="姓名">
                    <umrp-input></umrp-input>
                </umrp-form-item>
                <umrp-form-item label="联系电话">
                    <umrp-input></umrp-input>
                </umrp-form-item>
                <umrp-form-item label="性别">
                    <umrp-input></umrp-input>
                </umrp-form-item>
                <umrp-form-item label="备注">
                    <umrp-input></umrp-input>
                </umrp-form-item>
            </umrp-form>
            <umrp-text bold>选择课程</umrp-text>
            <umrp-media v-for="_ in 4">
                <umrp-space direction="vertical" :size="8">
                    <umrp-text>中国舞成人(16岁+)</umrp-text>
                    <umrp-text>机构名称:草莓舞蹈园</umrp-text>
                    <umrp-text>课程描述:-</umrp-text>
                    <umrp-text>¥299.00</umrp-text>
                </umrp-space>
            </umrp-media>
            <umrp-text bold>选择赠品</umrp-text>
            <umrp-media v-for="_ in 4">
                <umrp-space direction="vertical" :size="8">
                    <umrp-text>爱尔眼科</umrp-text>
                    <umrp-text>湛江市爱尔眼科</umrp-text>
                </umrp-space>
            </umrp-media>
        </umrp-container>
        <umrp-action-bar>
            <umrp-container :height="50" justify="center" align="center" bg-color="primary">
                <umrp-text color="#fff">我要支付</umrp-text>
            </umrp-container>
        </umrp-action-bar>
    </umrp-page>
</template>